<template>
  <div>
    <h1>reactive结合ts</h1>
    <h2>{{ person }}</h2>
    <h2>{{ book }}</h2>
  </div>
</template>

<script setup lang="ts">
/**
 * 1. reactive 可以用类型推导
 * 2. 要interface或者类型别名加类型注解
 * 3. 官方不推荐使用泛型 因为底层实现和ref不一样 （ref用泛型没问题）
 */
import { reactive } from 'vue';

const person = reactive({name: 'zs', age: 18})
person

type Book =  {
  name: string
  publishDate?: Date
}
const book: Book = reactive({
  name: '帅峰帅气的一生',
  // publishDate: new Date()
})
book
</script>

<style scoped>

</style>
